<!--扣点记录-->
<template>
  <ele-modal
    title="扣点记录"
    class="el-model"
    width="685px"
    :visible="visible"
    custom-class="demo-file-sort-dialog"
    @update:visible="updateVisible"
  >
  <el-card shadow="never" v-if="visible==true">
    <!--<div class="flex-between m-bottom20">
      <div class="fit-title">扣点记录</div>
    </div>-->
    <el-table
      class="m-top10"
      max-height="273px"
      :data="tableData"
      ref="table"
      tooltip-effect="dark"
      border
      stripe>
      <el-table-column  label="商家名称" align="center">
        <template slot-scope="scope">
          <el-input v-model="scope.row.prizeName">活动1</el-input>
        </template>
      </el-table-column>
      <el-table-column label="扣点类型">
        <template slot-scope="scope">
          <el-input v-model="scope.row.quantity">幸运大转盘</el-input>
        </template>
      </el-table-column>
      <el-table-column label="扣点数">
        <template slot-scope="scope">
          <el-input v-model="scope.row.winningPercentage"></el-input>
        </template>
      </el-table-column>
      <el-table-column label="扣点时间">
        <template slot-scope="scope">
          <el-input v-model="scope.row.medianFrequency"></el-input>
        </template>
      </el-table-column>
    </el-table>
  </el-card>
  </ele-modal>
</template>

<script>
  export default {
    name: "prize",
    props:{
      visible:Boolean,
      data:Object      // 修改回显的数据
    },
    data() {
      return {
        // 上传背景图片url
        fileList:[],
        // 背景图
        imageUrl: '',
        list:[],
        tableData: []
      }
    },
    methods:{
      show(){

      },
      /* 更新visible */
      updateVisible(value) {
        this.$emit('update:visible', value);
      },
    }
  }
</script>

<style scoped lang="less">
  .fit-title{
    color: #333333;
    font-size: 16px;
    margin:0px 2px;
  }
  .tj-class{
    margin: 30px 10px 0;
  }
  .avatar-uploader{
    margin: 0;
    padding: 0;
    outline: none;

    /* 修改 start*/
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    /*end*/
    width: 88px;
    height: 88px;
  }
  /*  ‘背景图’上传 start */
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    color: #D9D9D9;
    text-align: center;
    i{
      font-size: 28px;
    }
    div{
      padding-top: 3px;
    }
  }
  .avatar {
    width: 90px;
    height: 90px;
    display: block;
  }
/*  end*/
</style>
